<template>
	<view class="register-con main">
		<image class="logo" src="../../static/img/logo.png"></image>
		<view class="input-item">
			<input type="text" v-model="name" focus placeholder="请输入手机号">
		</view>
		<view class="input-item">
			<input type="text" v-model="code" focus placeholder="请输入验证码">
			<text class="blue" @click="toggleCode(true)">获取验证码</text>
		</view>
		<view class="input-item">
			<input type="password" v-model="password" focus placeholder="请输入密码">
		</view>
		<!-- <neil-modal :show="show" @close="closeModal" title="标题" @cancel="bindBtn('cancel')" 
		@confirm="bindBtn('confirm')">
			<view style="min-height: 90upx;padding: 32upx 24upx;">
				<view>1. 修复标题颜色不对的问题</view>
				<view>2. 增加支付宝支付功能</view>
				<view>3. 增加更多示例</view>
			</view>
		</neil-modal> -->
		<get-code :showCode="show" :toggleCode="toggleCode"></get-code>
		<button type="primary" class="sub-button">注册</button>
	</view>
</template>

<script>
	import neilModal from '@/components/neil-modal/neil-modal.vue';
	import getCode from '@/components/getCode.vue'
	export default {
		data() {
			return {
				show: false,
				name: '',
				code: '',
				password: '',
			}
		},
		onLoad() {

		},
		components: {
			neilModal,getCode
		},
		methods: {
			closeModal() {

			},
			bindBtn(param) {
				console.log(param)
			},
			hidePopup() {

			},
			toggleCode(param) {
				console.log(12)
				this.show = param;
			}
		}
	}
</script>

<style>
	.register-con {
		height: 400upx;
		padding: 100upx 20upx;
	}

	.register-con .logo {
		width: 200upx;
		height: 200upx;
		display: block;
		margin: 0 auto 50upx;
	}

	.register-con .register {
		display: flex;
		justify-content: space-between;
		color: #666;
		padding: 0 20upx;
	}

	.register-con .sub-button {
		margin: 90upx auto 0;
		display: block;
		width: 600upx;
		height: 90upx;
		line-height: 90upx;
	}
</style>
